<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>倒计时10秒</title>
		<style>
		    #div1{
				width: 200px;
				height: 100px;
				text-align: center;
				line-height: 100px;
				margin: 100px auto;
				border: solid black;
				font-size: 18px;
				}
		</style>
		<script>
         // 6*:时间倒计时功能，倒计时10秒后，跳转到百度。页面要动态显示剩余时间
		 //定义一个数字
			var num=10;
			//声明计时器：1000表示间隔1秒执行一次function()      不定义函数名的函数为匿名函数
			var timer=setInterval(function(){
				//找到文档中的div1
				var div1=document.getElementById("div1");
				//把等号后面的内容写到文档中
				div1.innerText=num+"秒后跳转到百度";
				//自减    计时器间隔一秒执行一次函数，num就自减一次
				num--;
				//判断，num自减到为-1时，跳转到百度
				if(num<0){
					//清除计时器     这一步也可以不要
					clearInterval(timer);
				   location.href="https://www.baidu.com";
				}
			},1000)
		</script>
	</head>
	<body>
		<div id="div1"></div>
	</body>
</html>